<template>
	<!-- 	<view style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;" id="mapView">
	</view> -->
	<view class="" style="height: 500px;background-color: aqua;">
		<uni-table border stripe emptyText="暂无更多数据" style="height: 50%;">
			<!-- 表格数据行 -->
			<uni-tr v-for="(item,index) in showField" :key="item.id">
				<uni-td width="90" align="center">{{item.showName}}</uni-td>
				<uni-td>{{speckleData[item.columnName]}}</uni-td>
			</uni-tr>
		</uni-table>
	</view>
</template>

<script>
	// import "@arcgis/core/assets/esri/themes/dark/main.css"
	// import Map from "@arcgis/core/Map"
	// import MapView from "@arcgis/core/views/MapView"
	// import Legend from "@arcgis/core/widgets/Legend.js";
	// import Compass from "@arcgis/core/widgets/Compass.js";
	// import WebTileLayer from "@arcgis/core/layers/WebTileLayer.js";
	// import FeatureLayer from "@arcgis/core/layers/FeatureLayer.js";
	export default {
		data() {
			return {
				showField: [{

						"id": 111,
						"fuId": 13,
						"showName": "地块编号",
						"realName": "地块编号",
						"columnName": "bianhao",
					},
					{

						"id": 112,
						"fuId": 13,
						"showName": "名称",
						"realName": "地块名称",
						"columnName": "name",
					}, {

						"id": 113,
						"fuId": 13,
						"showName": "规划用途",
						"realName": "规划用途",
						"columnName": "ghyt",
					}, {

						"id": 114,
						"fuId": 13,
						"showName": "供地面积",
						"realName": "地块面积",
						"columnName": "mianji",
					}, {

						"id": 115,
						"fuId": 13,
						"showName": "供地方式",
						"realName": "供地方式",
						"columnName": "gdfs",
					}, {

						"id": 116,
						"fuId": 13,
						"showName": "四至",
						"realName": "四至范围",
						"columnName": "sizhi",
					}, {

						"id": 117,
						"showName": "净地情况",
						"realName": "净地情况",
						"columnName": "jdqk",
					}, {

						"id": 118,
						"showName": "基础设施",
						"realName": "配套情况",
						"columnName": "jcss",
					}, {

						"id": 119,
						"showName": "所属区",
						"realName": "所属城区开发区",
						"columnName": "quyu",
					}
				],
				speckleData: {
					"objectid": 101,
					"name": "开十八路以东，莲花山大路以北商业地块（商服-1）",
					"bianhao": "B-JY-1",
					"quyu": "莲花山",
					"sizhi": "东至其他规划用地，西至开十八街，南至莲花山大路，北至耕地",
					"gdsj": "2024.06",
					"gdfs": "挂牌",
					"jdqk": "非净地",
					"jcss": "通路、通电、通讯、通上水、通下水、通燃气",
					"bz": null,
					"ghyt": "商业用地",
					"bgdz": null,
					"qjdz": null,
					"rjl": "＜1.0",
					"jzmd": "＜30%",
					"jzxg": "24",
					"ldl": "＞30%",
					"dklx": "全部存量",
					"mianji": "2.29",
					"ytfl": "商服",
					"st_area(shape)": 44057.813515215,
					"st_length(shape)": 861.8602181907908,
					"mj1": 2.299999952316284,
					"xzqh": "莲花山",
					"patternSpotGeo": {
						"spatialReference": {
							"latestWkid": 3857,
							"wkid": 102100
						},
						"rings": [
							[
								[
									13976676.833500005,
									5444008.999600001
								],
								[
									13976621.359800003,
									5443849.666699998
								],
								[
									13976594.9916,
									5443773.933200002
								],
								[
									13976587.213,
									5443751.590800002
								],
								[
									13976414.18,
									5443825.968199998
								],
								[
									13976528.282200001,
									5444046.006800003
								],
								[
									13976676.833500005,
									5444008.999600001
								]
							]
						]
					}
				}
			}
		},
		mounted() {
			// this.init()
		},
		methods: {
			init() {


			},
		}
	}
</script>

<style>

</style>